﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" />
		<meta name="author" content="say"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<link rel="shortcut icon" href="../../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="../../static/font/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/theme-green.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/css/jquery.dialogbox.css"/>
		<script type="text/javascript" src="../../static/js/jquery-1.11.0.min.js" ></script>
		<script type="text/javascript" src="../../static/js/main.js" ></script>
		<script type="text/javascript" src="../../static/js/jquery.dialogBox.js" ></script>	
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#"><i class="fa fa-home"></i> 返回首页</a></li>
					<li><a href="#"><i class="fa fa-sign-out"></i> 退出</a></li>
				</ul>
			</div>
		</div>
		<div class="tpq"></div>
		<div class="header">
			<div class="user-div">
				<img src="../../static/images/user-8.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li class="active"><a href="stuCenter.html">个人中心</a></li>
							<li><a href="teaCenter.html">个人空间</a></li>
							<li><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell-o"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting-o"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						我的荣誉
						<a href="#">全部</a>
					</div>
					<div class="sider-con rongyu">
						<ul>
							<li><a href="#"><img src="../../static/images/lv.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/qing.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/lan.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/zi.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/hong.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/cheng.jpg"/></a></li>
							<li><a href="#"><img src="../../static/images/huang.jpg"/></a></li>
						</ul>
						<p>温馨提示：<br /><span>您的各方面素质都棒极了！</span></p>
					</div>
				</div>
				<div class="con-div sider-div">
					<div class="sider-top">
						个人中心
					</div>
					<div class="sider-con zhandian">
						<ul >
							<li><a href="#"><i class="icon icon-dangan-1 "></i>个人成绩</a></li>
							<li><a href="#"><i class="icon icon-dangan-2 "></i>课堂评价</a></li>
							<li><a href="#"><i class="icon icon-dangan-3 "></i>课下评价</a></li>
							<li><a href="#"><i class="icon icon-dangan-4 "></i>参与活动</a></li>
							<li><a href="#"><i class="icon icon-dangan-5 "></i>个人作品</a></li>
							<li><a href="#"><i class="icon icon-dangan-6 "></i>获奖信息</a></li>
							<li><a href="#"><i class="icon icon-dangan-7 "></i>体质数据</a></li>
						</ul>
					</div>
				</div>
				<div class="con-div sider-div">
					<div class="sider-top">
						我的练习
						<a href="#">全部</a>
					</div>
					<div class="sider-con ">
						<a href="#" target="_blank" class="weike">
							<img src="../../static/images/lianxiimg.jpg"/>
							<span id="">
								正在学习中
							</span>
						</a>
						<a href="#" target="_blank" class="weike-title">神奇动物在哪里神奇动物在哪里</a>
					</div>
				</div>
				<div class="con-div sider-div">
					<div class="sider-top">
						我的微课
						<a href="#">全部</a>
					</div>
					<div class="sider-con ">
						<a href="#" target="_blank" class="weike">
							<img src="../../static/images/weikeimg.jpg"/>
							<span id="">
								正在学习中
							</span>
						</a>
						<a href="#" target="_blank" class="weike-title">神奇动物在哪里神奇动物在哪里</a>
					</div>
				</div>
			</div>
			<!--<div class="clear"></div>-->
			<div class="content">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"><a href="#">全部动态</a></li>
						</ul>
					</div>
					<div class="">
						<ul class="top-nav"> 
							<li class="current"><a href="#">全部 </a></li>
							<li><a href="#">同学动态 </a></li>
							<li><a href="#">老师动态 </a></li>
							<li><a href="#">校园动态 </a></li>
							<li><a href="#">班级动态 </a></li>
							<li><a href="#">其他班级动态 </a></li>
						</ul>
						<div class="dynamic">
							<a href=""><img src="../../static/images/lao.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊</a>
									<img src="../../static/images/att.png" alt="首医大附小认证老师" title="首医大附小认证老师" class="att-id"/>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<a href="#" target="_blank">
									<p>
										5月3日 发行单曲《心有所爱》,5月11日 《一万个舍不得》全国巡回歌友会江苏淮安站’5月18日 《一万个舍不得》全国巡回歌友会江苏常州站,5月24日 《一万个舍不得》全国巡回歌友会首都北京站’5月28日 《一万个舍不得》全国巡回歌友会湖南耒阳站’
									</p>
								</a>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye "></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up "></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o "></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o "></i>收藏（0）</a>
								<div id="btn-dialogBox"></div>
							</p>
						</div>
					</div>
				</div>
				<div class="main-div con-div">
					<div class="">
						<div class="dynamic">
							<a href=""><img src="../../static/images/user1.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊</a>
									<img src="../../static/images/att.png" alt="首医大附小认证老师" title="首医大附小认证老师" class="att-id"/>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<a href="#" target="_blank">
									<img src="../../static/images/conimg.jpg"  title="点击查看"/>
								</a>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye"></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up"></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o"></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o"></i>收藏（0）</a>
							</p>
						</div>
					</div>
				</div>
				<div class="main-div con-div">
					<div class="">
						<div class="dynamic">
							<a href=""><img src="../../static/images/xiao.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊</a>
									<img src="../../static/images/att1.png" alt="首医大附小认证老师" title="首医大附小认证官方账号" class="att-id"/>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<div class="videocon">
									<img src="../../static/images/conimg2.jpg"  title="点击查看"/>
									<a href="#" target="_blank" class="videoimg" >
								    </a>
								</div>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye"></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up"></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o"></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o"></i>收藏（0）</a>
							</p>
						</div>
					</div>
				</div>
				<div class="main-div con-div">
					<div class="">
						<div class="dynamic">
							<a href=""><img src="../../static/images/class.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊</a>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<div class="videocon">
									<img src="../../static/images/conimg4.jpg"  title="点击查看"/>
									<a href="#" target="_blank" class="videoimg" >
								    </a>
								</div>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye"></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up"></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o"></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o"></i>收藏（0）</a>
							</p>
						</div>
					</div>
				</div>
				<div class="main-div con-div">
					<div class="">
						<div class="dynamic">
							<a href=""><img src="../../static/images/class.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊</a>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<div class="videocon">
									<!--<img src="../../static/images/conimg4.jpg"  title=""/>
									<a href="#" target="_blank" class="videoimg" >
								    </a>-->
								</div>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye"></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up"></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o"></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o"></i>收藏（0）</a>
							</p>
						</div>
					</div>
				</div>
				<div class="main-div con-div">
					<div class="">
						<div class="dynamic">
							<a href=""><img src="../../static/images/class2.jpg" title="李渊"/></a>
							<div class="dcon">
								<a href="#">
									李渊a</a>
									<img src="../../static/images/att.png" alt="首医大附小认证老师" title="首医大附小认证老师" class="att-id"/>
								发表了一个动态
								<h4>文章的标题文章的标题文章的标题。。。</h4>
								<a href="#" target="_blank">
									<img src="../../static/images/conimg4.jpg"  title="点击查看"/>
									<span class="videobtn"></span>
								</a>
							</div>
							<div class="dtime">
								15分钟前
							</div>
						</div>
						<div class="d-wrap">
							<p  class="d-detail">
								<a href="#"><i class="fa  fa-eye"></i>阅读（0）</a>
								<a href="#"><i class="fa   fa-thumbs-o-up"></i>点赞（10）</a>
								<a href="#" class="comment"><i class="fa fa-comment-o"></i>评论（1）</a>
								<a href="#" id="btn-btn"><i class="fa fa-star-o"></i>收藏（0）</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="clear"></div>-->
			<div class="siderbar">
				<div class="con-div siderbar-div">
					<div class="sider-top">
						<span id=""></span>&nbsp;&nbsp;我的班级
					</div>
					<div class="sider-con tuwen banji">
						<a href="#" target="_blank" class="weike">
							<img src="../../static/images/classimg.jpg"/>
						</a>
						<p>奥数兴趣班</p>
						<a href="#" class="xx xx-btn">您有<span>12</span>条未读消息</a>
						<p class="cy">共有<span>31</span>位群成员<br />
在线人数：<span>20</span>人</p>
						<a href="#" class="xx cz-btn">查找</a>
					</div>
				</div>
				<div class="con-div siderbar-div">
					<div class="sider-top">
						<span id=""></span>&nbsp;&nbsp;今日课程
						<a href="#">全部</a>
					</div>
					<div class="sider-con kebiao">
						<h4><span class="thclass">三（1）</span></h4>
						<table border="0" cellspacing="" cellpadding="">
							<tr><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td></tr>
							<tr><td>语文</td><td>数学</td><td>英语</td><td>数学</td><td>语文</td></tr>
							<tr><td>数学</td><td>语文</td><td>数学</td><td>英语</td><td>数学</td></tr>
							<tr><td>英语</td><td>英语</td><td>语文</td><td>语文</td><td>英语</td></tr>
							<tr><td>语文</td><td>数学</td><td>语文</td><td>数学</td><td>英语</td></tr>
							<tr><td>体育</td><td>美术</td><td>自然</td><td>品德</td><td>音乐</td></tr>
							<tr><td>自然</td><td>音乐</td><td>体育</td><td>自习</td><td>自然</td></tr>
							<tr><td>品德</td><td>自习</td><td>数学</td><td>美术</td><td>品德</td></tr>
						</table>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		<div id="disappare" style="display:none;">
            <h2>提示</h2>
            <p>提示内容</p>
       </div>
		<script>
			$(function(){
				$(".top-nav li").click(function(){
					$(this).addClass("current").siblings().removeClass("current");
				});
				$('#btn-btn').click(function(){
					$('#btn-dialogBox').dialogBox({
						hasClose: true,
						hasBtn: true,
						confirmValue: '确定',
						confirm: function(){
//							alert('点击确定操作后将不能返回！');
						},
						cancelValue: '取消',
						title: '提示',
						content: '你确定要提交以上内容么？'
					});
					$(".dialog-btn-confirm").click(function(){
						$("#disappare").show().delay(2000).hide(200);
					})
					$(this).addClass('disabled');
//					$(this).addClass('disabled').html("<i class='icon-collect'></i>已收藏");
					
				});
			})
		</script>
	</body>
</html>
